.container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  .student {
    width: 94%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    .ant-breadcrumb {
      width: 100%;
      height: 30px;
      margin-top: 30px;
      border-bottom: 1px solid #d4d2d2;
    }
    .content-box {
      width: 100%;
      flex: 1;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-top: 20px;
      .left-box {
        width: 18%;
        height: 100%;
        border: 1px solid #7f7f7f;
        border-radius: 3px;
        .left-title {
          height: 60px;
          color: #7f7f7f;
          font-size: 22px;
          font-weight: 400;
          font-family: '微软雅黑';
          display: flex;
          justify-content: space-between;
          align-items: center;
          border-bottom: 1px solid #7f7f7f;
        }
        .left-content {
          display: flex;
          flex-direction: column;
          align-items: center;
        }
      }
      .right-box {
        width: 80%;
        height: 100%;
        .header-box {
          height: 80px;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          .operation-box {
            border-right: 1px solid #d4d2d2;
            .ant-btn {
              margin-right: 20px;
            }
          }
          .search-box {
            display: flex;
            justify-content: space-between;
            align-items: center;
            .ant-form-inline {
              border-right: 1px solid #d4d2d2;
              .ant-btn,
              .ant-input {
                margin-left: 20px;
              }
            }
          }
        }
      }
      .ant-drawer-body {
        display: flex;
        justify-content: flex-start;
        align-items: center;
      }
    }
  }
}
